<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style>
	div.movable { 
		position:absolute;
		}
</style>
<script language="javascript">
var posx = 100;
var posy = 100;
var ismoving = false;
var oldposx = 0;
var oldposy = 0;
function initPos()
{
	document.getElementById("a1").style.top = posx+'px';
	document.getElementById("a1").style.left = posy+'px';
}
function changePos()
{
	if (ismoving)
	{
		var movex = event.clientX - oldposx;
		oldposx = event.clientX;
		var movey = event.clientY - oldposy;
		oldposy = event.clientY;
		var elex = parseInt (document.getElementById("a1").style.top);
		var eley = parseInt (document.getElementById("a1").style.left);
		elex = elex + movex;
		eley = eley + movey;
		document.getElementById("a1").style.top = elex +'px';
		document.getElementById("a1").style.left = eley +'px';
	}
}
function startMoving ()
{
	ismoving = true;
	oldposx = event.clientX;
	oldpoxy = event.clientY;
}
function stopMoving ()
{
	ismoving = false;
}
</script>
</head>
<body onload="initPos()">

<div id="a1" class="movable" onmousedown="startMoving()" onmousemove="changePos()" onmouseup="stopMoving()">
<img src="../resources/images/logoGGD.jpg" />
</div>
</body>
</html>